/***** Reset & Basics *****/

html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption, footer,
header, hgroup, menu, nav, output,
ruby, section, summary, time, mark,
audio, video 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

article, aside, details, figcaption, 
figure, footer, header, hgroup, menu, 
nav, section 							{ display:block; }

body 									{ line-height:1; }

ol, ul 									{ list-style:none; }

blockquote, q 							{ quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after 						{ content:''; content:none; }

table 									{ border-collapse:collapse; border-spacing:0; }



body {
    background-color: #f3f3ee;
    max-width:1400px;
    margin: 10px auto;
    font-size: 0.8em;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 1.2em;
}

a{
	text-decoration: none;
}

hr{
	border: none;
	border: 1px solid #9E9E9E;
	margin: 1em 0;
}

#menu {
    float: left;
    width: 200px;
    font-family: "century gothic", arial, helvetica, sans-serif;
}

#menu #logo{
	width: 150px;
	margin: 5px 25px;
}

#menu > ul > li{
	background: #CE1517;
	margin-bottom: 10px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	letter-spacing: -0.03em;
	cursor: pointer;
}

#menu #menu_annee{
	background: #19B6CC;
}

#menu #menu_monument{
	background: #82BB29;
}

#menu #menu_geo{
	background: #884292;
}

#menu ul li a{
	color: #fff;
	display: block;
	padding: 4px;
}

#menu > ul > li ul li{
	background: #F3F3EE;
	color: #9E9E9E;
	display: none;
}

#menu > ul > li:hover ul li{
	display: block;
}

#menu > ul > li ul li a{
	color: #9E9E9E;
	background: url(../images/arrow.gif) no-repeat center right;
	font-family: monospace, serif;
	font-weight: lighter;
	padding-right: 10px;
}

#menu > ul > li ul li a:hover{
	font-weight: bold;
	color: #884292;
}

#contenu {
    margin-left:210px;
}

#container .isotope-item{
	background: #fff;
	color: #9E9E9E;
	padding: 10px;
	font-family: monospace, serif;
	font-weight: lighter;
	width: 200px;
	cursor: pointer;
	transition: all 0.4s ease;
}

#container .isotope-item h2{
	font-family: "century gothic", arial, helvetica, sans-serif;
	color: #CE1517;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#container .isotope-item:hover{
	background: #CE1517;
	color: #fff;
}

#container .isotope-item:hover h2{
	color: #fff;
}

#container .isotope-item img{
	margin-bottom: 10px;
	width: 100%;
}

.monument{
    display: inline-block;
    margin: 5px;
}
isotope-monument {
    z-index: 2;
}

.isotope-hidden.isotope-monument{
    pointer-events: none;
    z-index: 1;
}

.monument_show{
	margin-left: 50px;
	padding-top: 160px;
}

.monument_show h1,
.monument_show h2{
	color:#CE1517 ;
	font-family: "century gothic", arial, helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -0.03em;
}

.monument_show h1{
	font-weight: bold;
}

.monument_show img{
	margin: 2em 0;
}

.monument_show p{
	font-family: monospace, serif;
	color: #9E9E9E;
	max-width: 50%;
	margin-bottom: 4em;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

    /**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
